<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote 
{ font-size:14px;_background-image:url(about:blank);_background-attachment:fixed;font-family:'微软雅黑';}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{border:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0; color:#0C70B7}
a:hover{color:#0070BE}	
body{background:#f9fbfa;}
.mar10{margin-top:10px!important;margin-bottom:10px!important;}
.mar05{margin-bottom:5px!important;}

/* header */
.header{ position: relative; width:100%; position:relative; background: #f9fbfa; }
.ntbd{width: 100%; height:30px; background: #222222;}
.notice{width:570px;height:30px; padding-left:150px;  margin: 0 auto; }
.notice .title{ 
	float:left;
	width:65px;height:30px;padding-left:16px;
	color: #ffffff;font-size:12px; line-height:30px; font-weight:bold;
}
.notice .noticenr{
	float:left; padding-left:17px;
	width:480px;height:30px;
	color:#ffffff; font-size:12px; line-height:30px; }
.navgrp{position:relative;width:770px;height:81px; padding-left:230px; margin: 0 auto;}
.nav{position:relative;width:770px;height:81px;margin: 0 auto; padding-left:61px;}
.nav li{
	 position: relative;float:left;text-align:center; 
	 height:81px; display: block; padding:0px 15px;}
.nav li a{ 
	height:81px;display:block; /* border-top:3px solid transparent;  margin-top: -2px;*/
	color:#333333;font-size:16px;line-height:81px; text-align: center; 
}
.nav .menu a{
	height:81px;display:block; /*border-top:3px solid #0C70B7; margin-top: -2px;*/
	color:#015D9E;font-size:16px; line-height:81px;text-align: center;}
.nav .on a{
	height:81px;display:block; /*border-top:3px solid #0C70B7; margin-top: -2px;*/
	color:#0C70B7;font-size:16px; line-height:81px;}
#navChild{ 
	position:absolute;left:-4px; top:81px; width:190px;  z-index:99; display: none;
	padding:8px;
	background:url(../images/menubg.png);
}
#navChild a{
	position:relative; 
	width:175px; height:33px; display:block; border-top:none; border-bottom: 1px solid #666666;
	color:#ffffff!important; font-size:14px;line-height:33px; text-align:left; padding-left:15px;}
#navChild a:hover{color:#F7FF14!important;background-image:none!important;}
/* end navgrp */
.logo{position: absolute;left:0px; top: -30px;
	width: 281px; height: 111px;}
.logoLeft{
	position: absolute;left:0px;top:-30px;
	width:350px; height:111px;
	background: #0070BE;
}	
.nMenu{
	position: absolute; right: 0px; top: -30px;
	width: 192px; height: 30px;
}
.nMenu li{
	float:left; width:96px;
	height: 30px; text-align: center;}
.nMenu li a{ color: #ffffff;font-size: 14px; line-height: 30px; }	
.nMenu .menu a{
	/*width:80px;height:56px;display:block;padding-left:25px ;padding-top:18px ;*/
	color:#0070BE;font-size:14px;line-height:30px;  }


.banner{
	position:relative;z-index: 12; 
	width:100%;height:200px; border-top:1px solid #cdcdcd;
	background:url(/tu/t1.jpg) repeat-x;
 }
.bann{
	position:absolute; top:0px;left:50%; margin-left: -800px;
	width:1600px; height:200px;}
#focus {position:relative;width:1600px; height:200px; overflow:hidden;}
#focus ul {position:absolute;height:200px;}
#focus ul li {position:relative;float:left;width:1600px; height:200px; overflow:hidden;}
#focus ul li img{ display: block;margin: 0 auto; }
#focus .btn {position:absolute; width:100%; height:12px; left:0px; bottom:24px; text-align:center; z-index: 99;}
#focus .btn  span{width:10px; height: 10px;  display: inline-block; margin-left: 8px; background: #0C70B7; border-radius: 50%;}
#focus .btn  span.on{background: #ffffff;}
/* end banner */

.serBox{width: 100%; height: 70px; border: 1px solid #f9fbfa;background: #e5e5e5;}
.serBoxCon{position:relative;width: 1000px; height: 70px; margin: 0 auto;}
.searchLeft{
	position: absolute;left:0px;top:-30px;
	width:350px; height:100px;
	background: #0070BE;
}
.search{position:relative;float:left; width:500px;height:70px; background:#0070BE;}
.searchForm{
	 float:left;position:relative;
	 width: 250px; height: 34px; padding-left: 16px; padding-top: 18px;
}
.text{
	width:230px;height:32px;border:1px solid #cdcdcd;
	color:#999999;font-size:12px;line-height:28px; text-indent: 14px;
	background: #ffffff;}
.btnsubmit{
	position:absolute;right:0px;top:18px;
	width:34px;height:34px;border:none;
	background: url(../images/zoom.png) left top no-repeat;cursor:pointer; }
/* end search */ 	
.toptel{
	float:left;
	width:200px; height:60px; padding-left:25px; padding-top: 10px; 
	color:#ffffff; font-size: 14px; line-height:24px; text-align:left;
 }
.toptel span{ 
	display:block;
	color: #ffffff;font-size:26px;line-height:24px;font-family:impact;}
.menuListUlList{ float:left;width:500px; height: 70px;}
.menuListUlList li{float:left; width:166px; height:70px;}
.menuListUlList li a{
	 width:165px; height:70px; border-left:1px solid #ffffff; display: block;
	 color:#333333;font-size:20px; line-height:70px; text-align: center;
}
.menuListUlList li a:hover{color:#ffffff; background: #0070BE;}



.section{position:relative; width:100%; margin:auto;  clear:both; overflow: hidden;}
.sectionB{position:relative; width:100%; margin:auto; background: #e5e5e5;  clear:both; overflow: hidden;}
.sectionC{position:relative; width:100%; margin:auto; background: #0073B2;  clear:both; overflow: hidden;}
.TtitleBox{
	position:relative;
	width: 100%;height: 80px; margin: 0 auto;
	background: url(../images/line.jpg) left 59px repeat-x;
}
.Ttitle a{ 
	width:280px; height:66px;padding-top:14px; margin: 0 auto; display: block; 
	color:#0070BE;font-size:26px;line-height:30px; text-align: center; 
	background: url(../images/titlebg.jpg) left bottom no-repeat;
}
.Ttitle a span{display:block;color: #989898; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}	
.Ttitle2 a{ 
	width:280px; height:66px;padding-top:14px; margin: 0 auto; display: block; 
	color:#0070BE;font-size:26px;line-height:30px; text-align: center; 
	background: url(../images/titlebg2.jpg) left bottom no-repeat;
}
.Ttitle2 a span{display:block;color: #989898; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}	
.Ttitle3 a{ 
	width:280px; height:66px;padding-top:14px; margin: 0 auto; display: block; 
	color:#ffffff;font-size:26px;line-height:30px; text-align: center; 
	background: url(../images/titlebg3.jpg) left bottom no-repeat;
}
.Ttitle3 a span{display:block;color: #ffffff; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}	

/*end Ttitle*/



.casebg{position:relative;width: 955px; height: 256px; padding-top: 10px;padding-left: 45px; margin: 0 auto; }
.caseLeft{ 
	position: absolute;;left:0px; top:102px; 
	width:36px; height:36px; border:1px solid #0070BE; border-radius: 50%;
	color: #0070BE; font-size: 26px; font-family: '宋体';line-height:36px; text-align: center;
	cursor:pointer;
}
.caseRight{
	position: absolute;right:0px; top:102px; 
	width:36px; height:36px; border:1px solid #0070BE; border-radius: 50%;
	color: #0070BE; font-size: 26px; font-family: '宋体';line-height:36px; text-align: center;
	cursor:pointer;
}
#casePicUlId{ position:relative; width:918px;height: 256px; overflow: hidden;}
.casePicUlIdBox{position: absolute;left:0px; top:0px; height:256px; overflow:hidden;}
.casePicUl{float:left;width:100%;height:256px; }
.casePicUl li{
	position:relative;float:left;
 	width:286px; height:256px; margin-right:12px; margin-left: 8px;}
.casePicUl .pic{ width:284px; height:213px; border:1px solid #cfcfcf; }
.casePicUl .pic img{ display: block;}
.casePicUl .intro{
	width: 260px; height: 40px; padding:0px 12px; border:1px solid #cfcfcf;  border-top:none;
	color:#666666;font-size:14px;line-height:40px;
	background: #ffffff;
}
.casePicUl a:hover .intro{color:#0070BE}
.htmlcase2{ position:absolute; left:3000px; top:0px;}
/*end casePic*/


.serList{
	width: 1000px; height: 240px; margin: 0 auto; padding-top:20px;
}
.serList dl{
	float:left;
	width: 210px; height: 240px; padding: 0px 20px;
	overflow: hidden;
}
.serList dl a{width: 210px; height: 240px; display: block;}
.serList dl dt{
	width: 120px; height: 120px;border-radius: 50%; margin: 8px auto;
	background: #b0b0b0;
}
.serList dl dt img{display: block; margin: 0 auto;}
.serList dl dd span{
	width: 210px; height:38px; display:block;
	color:#333333;font-size:18px;line-height:38px; text-align: center;
}
.serList dl dd{
	width: 210px; height: 98px; border-bottom: 2px solid #989898;
	color:#666666;font-size:14px;line-height:24px; 
}
.serList dl a:hover dt{background: #0070BE;}
.serList dl a:hover dd span{color: #0070BE;}
.serList dl a:hover dd{border-bottom:2px solid #0070BE;}

.claListBox{
	position: relative;
	width: 998px;  height: 45px; border:1px solid #eab2b2; background:#ffffff; margin: 20px auto 26px auto;}
.claListLeft,.claListRight{
	float:left;
	width:22px; height: 22px; border: 1px solid #eab2b2; display: block; margin-top: 10px;
	color:#eab2b2; font-size: 16px; line-height: 23px; font-family: '宋体'; font-weight: bold; text-align:center;
	cursor: pointer;
}
.claListUl{
	position: relative; float:left;
	width: 950px; height: 50px; margin: 0 auto; overflow: hidden;
}
.claListUlList{
	position: absolute;left:0px; top: 0px;
	height: 50px;
}
.claListUlList ul{ float:left;width:950px; height: 45px; border: 0px; margin: 0px;}
.claListUlList li{color:#e0e0e0;font-size:20px; line-height:45px; text-align: center;}
.claListUlList li a{
	 display: inline-block; padding: 0px 15px;
	 color:#333333;font-size:16px; line-height:45px; text-align: center;
}
.claListUlList li a:hover{color:#0070BE}
.htmlpic2{ position:absolute; left:3000px; top:0px; /*background: #ff0000;*/}



.company{
	width:1000px;; margin: 0 auto; padding-bottom:30px;
	color: #666666; font-size: 14px; line-height:30px;
}
.company span{
	width: 1000px; height: 40px;display: block; 
	color: #0C70B7;font-size:18px; line-height:40px; text-align: center;
}
/*end company*/

.contact{ 
   position: relative;
   width:1111px;height:90px; padding:10px 0px 0px 0px; margin:0px auto; text-align:center;}
.contact dl{float:left; margin-right:25px; margin-left:25px; display:block;}
.contact dl dt{
	float:left; position: relative;z-index: 999;
	width: 46px; height: 46px; border: 1px solid #ACD2E8; border-radius: 50%; margin-right: 20px; margin-top: 10px;
}
.contact dl:nth-child(1) dt{background: url("../images/mobile.png") 50% 50% no-repeat;}
.contact dl:nth-child(2) dt{background: url("../images/tel.png") 50% 50% no-repeat;}
.contact dl:nth-child(3) dt{background: url("../images/mail.png") 50% 50% no-repeat;}
.contact dl dd{
	float:left;
	color: #ffffff;font-size:18px; line-height:66px;
}
.map{
	width: 100%; height:500px;
}
.map img{ display: block; margin: 0 auto;}
/* end contact */

.proBg{ width: 100%; background:#0C70B7;}
.inProBd{position: relative;width:1000px;margin: 0 auto;margin-top:25px;}
.proClaList{
	position: absolute;right:98px; top:17px; padding: 0px; overflow:hidden;
	width: 720px; height: 27px;line-height: 27px; text-align: right;
}
.proClaList a{
	display: inline-block;
	padding: 0px 14px; height: 25px; border: 1px solid #ffffff; margin-left:5px;
	color:#ffffff; font-size: 14px; line-height:25px; 
}
.proListPic {width:1000px; margin:0 auto; padding-bottom: 8px; overflow: hidden; }
.proListPic ul li{ 
	position: relative;float:left;
	width:318px; height:282px; margin-right:23px; margin-bottom: 23px;
	overflow: hidden; }	
.proListPic ul li .pic{position:relative;width:316px; height:231px;border:1px solid #d2d2d2; text-align:center;}
.proListPic ul li .title a{ 
	position: relative;
	width: 300px; height: 41px; padding: 0px 8px;border:1px solid #d2d2d2; border-top: none; display: block;
	color:#666666; font-size:14px; line-height:41px; text-align: left; 
}
.proListPic ul li span{
	position: absolute;right:-1px;bottom:-1px;
	width: 30px; height: 30px; display: block;
	color:#ffffff;font-size:18px;line-height:30px; text-align:center;
	background: #0070BE;
	
}
.proListPic ul li .intro {
	position: absolute;left:0px;bottom:0px;
	width:218px; height:138px; padding: 50px;  display: none;
	color:#ffffff;font-size:14px;line-height:26px; text-align:left;
	background: url(../images/probg.png);
}
.proListPic ul li .intro a{
	width: 58px; height: 58px; margin: 10px auto; display: block;
}

.knowListUl{width: 1000px; height: 224px; padding-bottom: 22px; padding-top:10px; margin: 0 auto;}
.knowListUl li{float:left;width: 238px; height: 194px; margin-right: 16px;}
.knowListUl li a{
	width: 210px; height: 192px; padding: 0px 13px; border:1px solid #cfcfcf; display: block;
	background: #ffffff;
}
.knowListUl li .knowTime{
	width: 218px; height: 48px; border-bottom: 1px solid #bcbcbc;
	color:#0070BE; font-size: 12px; line-height: 48px; font-weight: bold;
}
.knowListUl li .knowTime span{
	float:left;
	width: 40px; height: 48px;
	color:#0070BE;font-size: 26px; line-height: 48px; font-weight: normal;
}
.knowListUl li .knowTitle{
	width: 218px; height: 28px; padding-top: 10px; padding-bottom: 4px; 
	color:#666666; font-size: 14px;line-height: 28px; 
}
.knowListUl li .knowIntro{
	color:#999999; font-size: 14px;line-height: 22px; 
}
.knowListUl li a:hover{
	 border:1px solid #0070BE;
}
.knowListUl li a:hover .knowTitle{color:#0070BE;}
/*end proListPic*/	
/*end inMain*/

/* footerpic*/
.footPicBd{width:1000px;height: 290px;border-top:1px solid #d5d5d5;margin: 0px auto 0px  auto; }
.footPicList{ float:left;width:736px; height:290px; }
.footPicListUl {width:736px; height:209px; padding-top:18px;overflow: hidden; }
.footPicList ul li{float:left;width:230px; height:209px; margin-right: 24px;}
.footPicList ul li .pic{width:228px; height:171px;border:1px solid #c2c0c0;}
.footPicList ul li .title{
	width:208px;height:36px; padding:0 10px;
	color:#004384;line-height:34px;font-size:14px;  font-weight: bold; text-align: center;
}
.footCon{
	float:left;
	width: 240px; height: 290px; padding-left: 24px;
}
.footContactnr{width:240px; padding-top: 14px;  overflow:hidden;}
.footContactnr span{
	 display: block;
	 width: 230px; height: 38px; padding-left: 10px; 
	 color:#155b9d; font-size: 24px; line-height: 38px; font-family: impact;
}
.footContactnr dl{width:240px; display:block;clear:both;}
.footContactnr dl dt,.footContactnr dl dd{color:#666666; font-size:14px;  line-height:32px; }
.footContactnr dl dt{float:left; width:44px;  padding-left: 40px; }
.footContactnr dl dd{float:left; width:156px;}

/* footer*/
.footer{ width:100%;background: #222222; }
.linkBox{
	width: 100%; height:auto!important; height:42px; min-height: 42px; border-top:1px solid #d2d2d2;
	background:#f9fbfa;
}
.link{ 
	position: relative;
	width:1000px;height:auto!important; height:42px; min-height: 42px;  margin: 0px auto;
	
}
.linkTitle{
	float: left; position: relative;
	width: 150px; height: 42px;
	color: #0C70B7; font-size: 14px;line-height: 42px; font-weight: bold;
}
.link_list{ 
	float: left; 
	width: 850px;height:auto!important; height:42px; min-height: 42px;}
.link_list a{
	float:left;
	display:inline-block;  padding-right:25px;
	color:#565656;font-size:14px; line-height:42px;}
.link_list a:hover{color:#000000;}	
/*end link*/

.btnavlist{
	position: relative; background-color:#111111;
	width:100%; height: 46px; margin: 0 auto; padding:8px; text-align:center;
	color:#525252;
 }
.btnavlist a{
	display: inline-block;
	color:#ffffff;font-size:14px; line-height: 46px;   }
/*end btnavlist*/

.footOne{ width: 1000px; height: 60px; padding-top:25px; margin: 0 auto; padding-left:15px;}
.share{
	float:left;
	width:300px;height: 60px; padding-left: 240px; }
.share li{ 
	position:relative;float:left;
	width: 150px; height: 40px;}
.share .list{width: 102px; height: 40px; line-height: 40px; padding-left: 48px; display: block;
	color:#bababa}	
.share .qq{background: url(../images/qq.png) left top no-repeat;}
.share .qq2{background: url(../images/share.png) left top no-repeat;}
.share a.list:hover{ color: #fff;}	
.shareList{ position: absolute;left:30px; top: 35px; z-index: 99; display: none;
	width:200px;}
.shareList a{ display: inline;}	

/*end share*/
.site{  
	float:left;
	width:155px;  height: 40px; padding-left: 45px; 
	color:#bababa; font-size:14px;
	background: url(../images/site.png) left top no-repeat;  }
.site a{ color:#bababa; line-height: 40px;  }
.site a:hover{color:#fff}
/*end site*/

.copyrightnr{ 
	width:100%;padding:0px 0 20px 0;
	color:#bababa;font-size:12px; line-height:28px;  text-align: center;  }
.copyrightnr a{color:#bababa}
.copyrightnr a:hover{color:#ffffff}
/*end copy*/


/* 分页样式 */
.main{position:relative; width:1000px; padding-bottom: 20px; margin:0 auto;  }

/* left */
.left{
	float:left;
	width:246px; padding-right: 30px; margin-top: 10px;
}
.leftProClaList{width: 246px;padding-bottom: 12px;}
.leftProTitle{
	width: 246px; height: 58px;  padding-top: 12px;
	color: #ffffff; font-size:22px; line-height: 26px; text-align: center; 
	background: #0070BE;
}
.leftProTitle span{
	display: block;
	padding-left: 10px;
	color: #BCDBEC; font-size:16px; font-family:arial; text-transform: uppercase;
}
.leftTtitle{
	 width: 224px; height: 52px; padding-left:20px; border-bottom: 1px solid #d3d3d3;
	 color: #0070BE; font-size: 22px; line-height: 52px;
}
.leftTtitle span{
	color: #999999; font-size:16px; text-transform: uppercase;
}

.leftProClaListUl{
	width: 216px; padding: 5px 14px; border: 1px solid #d3d3d3; border-top: none;
	background: #ffffff;
}
.leftProClaListUl li{
	width: 216px; height:46px; border-bottom: 1px solid #d3d3d3;
}
.leftProClaListUl li a{
	width: 180px; height:46px; padding-left:36px; 
	color:#333333; font-size: 14px; line-height: 46px;
}
.leftProClaListUl li a:hover{color:#0070BE;background: url(../images/triangle.jpg) 15px no-repeat;}
.leftProClaListUl li.open a{color: #0070BE;}

.leftProClaListUl .childCla{width:216px; display:none; }
.leftProClaListUl .childCla li a{
	width:166px;padding-left:50px;  display: block;
}
.leftProClaListUl .childCla li.on a{
	color: #0070BE;
	background: url(../images/triangle.jpg) 34px center no-repeat;
}

.leftContact{
	 width:244px; border:1px solid #d3d3d3; padding-bottom: 10px; margin-top: 20px;
	 background: #ffffff;
}
.leftConTel{
	width: 184px; padding-left: 46px; height: 40px; border-radius: 20px;  margin: 12px auto 6px auto;
	color:#ffffff; font-family: impact; font-size: 24px; line-height: 40px;
	background:url(../images/product_07.jpg) 16px center no-repeat #0070BE;
}
.leftContact ul{padding:0px 0PX 0PX 25px;}
.leftContact ul li{
    width: 180px;
    display: block;
    clear: both;
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    float: left;
    padding-left: 26px;
}
.leftContact ul li:nth-child(1){background: url("../images/mobile1.png") 4px 6px no-repeat;}
.leftContact ul li:nth-child(2){background: url("../images/tel1.png") 2px 4px no-repeat;}
.leftContact ul li:nth-child(3){background: url("../images/mail1.png") 0% 8px no-repeat;}
.leftContact ul li:nth-child(4){background: url("../images/address1.png") 2px 4px no-repeat;}


.leftNewsUl{
	width:244px;  border:1px solid #d3d3d3; margin-top: 20px; padding-bottom:5px; 
	background: #ffffff;
}
.leftNewsUl li{
	 width: 200px; height:40px; padding-left: 20px; border-bottom: 1px dashed  #d7d7d7; margin: 0 auto;
	 background: url(../images/add.jpg) 5px center no-repeat;
}
.leftNewsUl li a{
	color: #666666; font-size: 14px; line-height:40px;
}
.leftNewsUl li a:hover{color:#0070BE}	


.mainCon{float:left; width: 724px; padding-top: 10px;}
.mainCon #tip a{color: #0070BE;}
.mainConTitle{
	position: relative;
	width:724px; height:52px; padding-bottom: 3px;  border-bottom: 1px solid #d0d0d0;
	color: #0070BE;font-size:24px; line-height: 52px;
}
.mainConTitle span{color: #999999;font-size: 16px; padding-left: 14px; text-transform: uppercase;}
.mainConTitle .position {  
	position: absolute; right:20px; top:8px;
	height:46px;  
	color: #666666; font-size: 12px;line-height:46px;}
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#666666}
.mainConTitle .position span{ font-size: 12px;color:#666666}
.mainConTitle .position font{ font-size: 12px; color:#155b9d;}
 /*end mainConTitle*/
.mainConList{
	width:692px; border: 1px solid #d3d3d3; margin: 11px auto; padding: 15px;
	background: #ffffff;
}	
.mainConList .pic1{ 
	position: relative;float:left;
	width:222px; height:230px; margin-right:13px; margin-bottom: 13px;
	overflow: hidden; }	
.mainConList .pic1 .pic{position:relative;width:220px; height:158px;border-left:1px solid #D1D1D1; border-right:1px solid #D1D1D1;border-top:1px solid #D1D1D1;text-align:center; padding-top:8px;}
.mainConList .pic1 .title a{ 
	width: 190px; height: 40px; padding: 0px 15px; border:1px solid #d1d1d1; display: block;
	color:#666666; font-size: 14px; line-height:40px; text-align: center; 
}
.mainConList .pic1 .intro {
	position: absolute;left:0px;bottom:0px;
	width: 182px; height: 128px; padding: 20px; display: none;
	color:#ffffff;font-size:14px;line-height:28px; text-align:left;   
	background: url(../images/probg.png);
}
.mainConList .pic1 .intro a{
	width:36px;  height:36px; display: block; margin: 10px auto 0px auto;
	color:#ffffff;font-size:14px;line-height:36px; text-align:left;
}

 /*end pic1*/	
.mainConList .pic2{ 
	width: 668px; height:124px;padding:12px; margin-bottom: 14px;border-bottom: 1px solid #d6d6d6;
 	}
.mainConList .pic2 dt{
	float: left; 
	width:154px; height:116px; padding:3px; border: 1px solid #d6d6d6; margin-right: 16px;
	background: #ffffff; }
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{ width:490px;height:124px;  float:left;}
.mainConList .pic2 .title{color:#0070BE;font-size:14px; line-height:40px; font-weight:bold;}
.mainConList .pic2 .intro{width:490px; height:50px;color:#666666;font-size:14px;line-height:20px}
.mainConList .pic2 .time{ color: #999999; font-size: 12px;line-height:28px}
/*end pic2*/

.mainConList .newsul{ width:692px; }
.mainConList .newsul li{
	width: 670px; padding-left: 22px; border-bottom: 1px dashed #d7d7d7; padding-bottom:15px; padding-top:10px;
    background: url(../images/add.jpg) 5px 26px no-repeat; }
.wqerp{color:#777777; line-height:24px;}
.mainConList .newsul li a{width: 670px;display: block;
	color:#000000; font-size:16px; line-height:40px;  }
.mainConList .newsul li a:hover{color:#0070BE}	
.mainConList .newsul li a span{color:#cccccc;float:right; padding-right:12px;}
/*end ul*/

.pglist{width:100%;clear:both;height: 60px;padding-top: 20px;text-align: center;}
.pglist a {font: 14px/32px "microsoft yahei";color: #FFF;text-decoration:none;padding: 0px 11.5px;height: 30px;border: 1px solid #8c8c8c;background: #8c8c8c;display:inline-block;white-space:nowrap;margin: 0px 3px;}
.pglist a:hover {background: #0C70B7;border: 1px solid #0C70B7;}
.pglist .hover {background: #0C70B7;border: 1px solid #0C70B7;}
/*end pglist*/

.mainContect{ 
	width: 692px; margin: 11px auto; border:1px solid #d3d3d3; padding: 15px; height:auto!important;min-height:624px;height:624px;
	color:#666;font-size:14px;line-height:30px;word-wrap:break-word; word-break:break-all;
	background: #ffffff;
}
.mainContectx{ 
	width: 692px; margin: 11px auto; border:1px solid #d3d3d3; padding: 15px; height:auto!important;min-height:624px;height:624px;
	color:#666;font-size:14px;line-height:30px;word-wrap:break-word; word-break:break-all;
	background: #ffffff;
}

.mainContect .title{ 
	width:100%;  padding-top:25px;
	color:#0070BE;font-size:22px;text-align:center;font-weight:bold; }
.mainContect .time{


	width:100%; height: 50px;border-bottom:1px solid #d2d2d2;
	color:#999999;font-size:12px;line-height:50px; font-weight:normal; text-align: center;}
.mainContect .timea{ width:170px; float:left;}	
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{ 
	width: 120px; height: 36px;display: block;
	color:#fff; font-size: 16px;line-height: 36px; text-align: center;
	background: #0b61a5;}
.mainContect .pgfy{
	 width:100%;  margin: 20px auto;}
.mainContect .pgfyl{ position: relative; width:692px; height: 52px; padding-top: 20px; border-top:1px solid #d2d2d2; }
.mainContect .pgfyl p{float:left; width: 516px;height: 26px;padding-left:14px; color:#666666;font-size: 14px;line-height: 26px; }
.mainContect .pgfyl p a{ color:#666666; font-size: 14px;}
.mainContect .pgfyr{
	position: absolute; right: 0px; top:16px;
	width:160px;height:30px;text-align:center; margin: 16px auto 0px auto; background:#0070BE;}
.mainContect .pgfyr a{ color:#ffffff;font-size:14px;}


/* fixed */
.fixed{
	position:fixed;right:25px;bottom:100px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	width:52px; padding-left: 196px;
	z-index:999;
	overflow: hidden;}
.fixed a{position:relative;display:block;width:52px;height:52px;}
.footTel{ position: relative; position:relative;background:url(../images/fixed.jpg) 0 0 no-repeat; }
.footTela{ position: relative; position:relative; background-color:#2271CD; border-top:1px solid #3588E9; padding:13px;}

.footTelNum{
	position:absolute; left:0px; top:0px; z-index: -1;
	width: 160px;height: 52px; border-left:7px solid #222222;
	color: #ffffff; font-size: 20px; font-family: impact; line-height: 52px; text-align: center;
	background: #005895;
}
.book{background:url(../images/fixed.jpg) 0 -53px no-repeat;}
/*.book:hover{background-position:-54px 0;}*/
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -105px no-repeat;height:52px;}
/*.fixed a.codepic:hover{background-position:-54px -53px;}*/
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
/*.fixed a.backup:hover{background-position:-54px -158px;height:53px;}*/
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-196px;display:none;}


/* service tel */
.serviceTel{
	position:fixed; right:25px; top:120px;z-index:1000;
	width:180px; height: 80px; border:3px solid #b22f2d;  padding-top: 10px;
	color: #333333; font-size: 24px; line-height: 30px; text-align: center;
	background:#ffffff;
}
.serviceTel span{
	display: block;
	color: #0073B2; font-size: 22px; line-height:30px;font-family: impact; text-align: center;
}
.serviceTel .close{
	position: absolute; right:0px; top:0px;
	width: 21px; height: 21px;border-left:1px solid #0C70B7; border-bottom:1px solid #0C70B7;
	color: #be4b49; font-size: 16px; line-height:21px; text-align: center;
	background: #ffe6e6; cursor: pointer;
}



/* hr*/
.hrBox{ width:692px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-top:20px; background: #efefef; } 
.hrBoxL{ width:120px; float:left; text-align:center;  }
.hrBoxL li{ width:120px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:571px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:546px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}

.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }
.c_red{ color:#f00;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
/* hr */
.hr{ font-size: 14px; color:#666666; margin:10px auto; width:100%;font-size:12px;line-height:24px; border:1px #dbdbdb solid;border-collapse: collapse; background: #efefef;  }
.hr td{border:1px #dbdbdb solid; border-collapse: collapse; padding:5px;font-size: 14px; color:#666666; }
.hr input,.hr textarea{font-size: 14px; height: 20px; line-height: 20px; line-height:1.8; border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:14px;color:#666666; }
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}


/* book*/
.bookmain{width:650px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto;}
.bookmain div{font-size:14px}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:550px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:570px; height:30px; float:left; color:rgb(102,102,102); padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(102,102,102); text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(102,102,102);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left; line-height:0px; font-size:0px;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(102,102,102); background: #ffffff;}
.messagecol{ color:rgb(102,102,102);}
.admincol{ color:rgb(102,102,102); font-weight:bold;}
.admintimecol{ color:rgb(102,102,102); float:right; *margin-top:-17px;}
.message{ width:500px; height:auto;float:left;padding-left:50px; color:rgb(102,102,102);}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{width:100px;height:25px;float:left;text-align:right;font-size:14px;line-height: 18px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left;}
.message li p.message_sub input{float:left;width: 134px;height: 30px;display: block;border-radius: 5px;border: none;color: #fff;font-size: 16px;line-height: 30px;text-align: center;background: #0070BE;border-bottom: 2px solid #751A18;cursor: pointer;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}

.searchred{ color:#f00 !important; margin:0 !important}
.searchresult{color:#666; font-size:14px; line-height: 28px; text-align: center;}
.searchresult a{color:#0070BE}
/* product view 产品内页 */
.view_imgs{width:555px;height:500px;margin:20px auto;position:relative;background:#f7f7f7;}
.view_imgs .btn{position:absolute;width:15px;height:70px;top:422px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.view_imgs .prev{left:0;background:url(../images/view_left.png) no-repeat center center #bfbebe;}
.view_imgs #prev,.view_imgs #prev #next{width: 15px;height: 70px;margin-left: 0;}
.view_imgs #prevTop,.view_imgs #nextTop{display:none}
.view_imgs .next{right:0;background:url(../images/view_right.png) no-repeat center center #bfbebe;}
.view_imgs li{float:left;}
.view_imgs .prev:hover,.view_imgs .next:hover{background-color:#0070BE;}
.view_imgs .cf li{position:relative;color:#fff;}
.view_imgs .cf a{display:block;width:555px;height:416px;position:absolute;color:#fff;}
.view_imgs .picBox{height:416px;position:relative;overflow:hidden;}
.view_imgs .picBox ul{height:416px;position:absolute;}
.view_imgs .picBox li{width:555px;height:374px;}
.view_imgs .listBox{width:511px;height:71px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.view_imgs .listBox ul{height:71px;position:absolute;}
.view_imgs .listBox li{width:104px;height:71px;cursor:pointer;position:relative;}
.view_imgs .listBox li a{display:block;width:95px;height:71px;}
.view_imgs .listBox li img{width:95px;height:71px;}
.view_imgs .listBox .on img{width:89px;height:65px;border: 3px solid #0070BE;}
.view_imgs .picBox li img{max-width: 100%;}
.ol_width { width:580px;}</pre></body></html>